@import "./theme.less";
.afterClassTask{
  .navTitle{
    padding: 0 .unit(30);
    .rem(height, 66);
    .rem(font-size, 28);
    font-weight: 500;
    color: #333333;
    .rem(line-height, 66);
  }
  .row{
    padding: .unit(30) .unit(30) .unit(41) .unit(30);
    border-top: 1px solid #EEEEEE;
    .name{
      .rem(padding-bottom,3 );
      .rem(font-size, 32);
      color: #333333;
      .rem(line-height, 45);
    }
    .col{
      padding: 0 0 0 .unit(62);
      input{
        display: none;
        &:checked + label{
          color: #ffffff;
          background: #FE9931;
          &:before{
            background: #FE9931 url("../images/icon-select.png");
            background-size: cover;
          }
        }
      }
      label{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        .rem(margin-top,19);
        .rem(height, 79);
        padding: 0 .unit(29);
        background: #FAFAFA;
        .rem(border-radius, 8);
        .user-name{
          .rem(font-size, 28);
          font-weight: 500;
          color: #333333;
          .rem(line-height, 40);
        }
        span{
          .rem(margin-left,20)
        }
        &:before{
          .rem(margin-right,16);
          content: '';
          .rem(width,26);
          .rem(height,26);
          .rem(border-radius,26);
          background: #ECECEC;
        }
      }
    }
  }
  .button{
    margin: .unit(30) auto;
    .rem(width,609);
    .rem(height,101);
    .rem(font-size, 36);
    font-weight: 500;
    color: #FAFAFA;
    .rem(line-height, 90);
    text-align: center;
    background-image: url("../images/bottom-bg.png");
    background-size: cover;
    &.submit{
      background-image: url("../images/bottom-bg-select.png");
    }
  }
}